<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>管理院-公共事务管理系统</title>
    <script src="js/vue.js"></script>
    <script src="js/axios-0.18.0.js"></script>
    <!--要使用element就需要先导入下面这两个，一个js，一个css-->
    <script src="element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
    <link href="css/admin.css" rel="stylesheet">
    <style>
        .el-header {
            background-color: #B3C0D1;
            color: #333;
            line-height: 60px;
        }

        .el-aside {
            color: #333;
        }

        .el-table .warning-row {
            background: oldlace;
        }

        .el-table .success-row {
            background: #f0f9eb;
        }
    </style>
</head>

<body>
    <div id="app" align="center">
        <!--老师系统界面-->
        <el-container style="height: 985px; border: 1px solid #eee">
            <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                <!--默认打开第几个导航-->
                <el-menu default-active="1-2">
                    <!--成绩管理-->
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-user-solid"></i>医疗救助管理</template>
                        <el-menu-item-group>
                            <el-menu-item-group title="操作">
                                <el-menu-item index="1-2" @click="moto1('edit_score')">病史登记及救援</el-menu-item>
                            </el-menu-item-group>
                        </el-menu-item-group>
                    </el-submenu>   
                    <!--学生管理-->
                    <el-submenu index="2">
                        <template slot="title"><i class="el-icon-s-data"></i>人口登记管理</template>
                        <!-- <el-menu-item-group>
                            <template slot="title">查看</template>
                            <el-menu-item index="2-1" @click="moto1('browse_student')">人口信息浏览</el-menu-item>
                        </el-menu-item-group> -->
                        <el-menu-item-group title="操作">
                            <el-menu-item index="2-2" @click="moto1('edit_student')">人口信息录入</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <!--课程管理-->
                    <el-submenu index="3">
                        <template slot="title"><i class="el-icon-s-management"></i>疾病控制管理</template>
                        <!-- <el-menu-item-group>
                            <template slot="title">查看</template>
                            <el-menu-item index="3-1" @click="moto1('browse_subject')">疾病控制查询</el-menu-item>
                        </el-menu-item-group> -->
                        <el-menu-item-group title="操作">
                            <el-menu-item index="3-2" @click="moto1('edit_subject')">疾病信息管理</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    </el-submenu>
                    <!--班级管理-->
                    <el-submenu index="4">
                        <template slot="title"><i class="el-icon-user-solid"></i>便民服务中心</template>
                        <el-menu-item-group>
                            <template slot="title">操作</template>
                            <el-menu-item index="4-1" @click="moto1('browse_class')">便民服务审批</el-menu-item>
                        </el-menu-item-group>
                        <!-- <el-menu-item-group title="操作">
                            <el-menu-item index="4-2" @click="moto1('edit_class')">便民服务审批</el-menu-item>
                        </el-menu-item-group> -->
                    </el-submenu>
                    <!--发布公告-->
                    <el-submenu index="5">
                        <template slot="title"><i class="el-icon-user-solid"></i>发布公告管理</template>
                        <!-- <el-menu-item-group>
                            <template slot="title">查看</template>
                            <el-menu-item index="4-1" @click="moto1('browse_class')">公告发布查询</el-menu-item>
                        </el-menu-item-group> -->
                        <el-menu-item-group title="操作">
                            <el-menu-item index="4-2" @click="moto1('edit_class')">公告发布</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-aside>

            <el-container>
                <el-header style="text-align: right; font-size: 12px">
                    <el-dropdown>
                        <!--单击图标出现下沉选框-->
                        <i class="el-icon-setting" style="margin-right: 15px"></i>
                        <!-- <el-dropdown-menu slot="dropdown"> -->
                            <!--之后可以在这绑定location跳转，实现退出-->
                            <!-- <el-dropdown-item @click="quit">退出系统</el-dropdown-item>
                        </el-dropdown-menu> -->
                        <el-button type="warning"  size = "small" @click="quit">退出系统</el-button>
                    </el-dropdown>
                    
                    <span>
                        欢迎你，{{Username}}
                    </span>
                </el-header>

                <!--成绩浏览-->
                <el-main v-if="moveto1 =='browse_score'">
                    <!--表单提交搜索-->
                    <el-form :inline="true" :model="student_score" class="demo-form-inline">
                        <el-form-item label="学号">
                            <el-input v-model="student_score.studentid" placeholder="学号"></el-input>
                        </el-form-item>
                        <el-form-item label="班级">
                            <el-input v-model="student_score.classid" placeholder="班级"></el-input>
                        </el-form-item>
                        <el-form-item label="姓名">
                            <el-input v-model="student_score.student_name" placeholder="姓名"></el-input>
                        </el-form-item>
                        <el-form-item label="学科">
                            <el-input v-model="student_score.subjectid" placeholder="学科"></el-input>
                        </el-form-item>

                        <el-form-item>
                            <el-button type="primary" @click="onSubmit">查询</el-button>
                        </el-form-item>
                    </el-form>
                    <!--操作按钮-->
                    <el-row>
                        <el-button type="success" round @click="selectallscore">成绩浏览</el-button>
                    </el-row>
                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" stripe="true">
                            <!--复选框-->
                            <el-table-column type="selection" width="55">
                            </el-table-column>
                            <!--行编号-->
                            <el-table-column type="index" width="50">
                            </el-table-column>
                            <!--列-->
                            <el-table-column prop="studentid" label="学号" align="center">
                            </el-table-column>
                            <el-table-column prop="student_name" label="姓名" align="center">
                            </el-table-column>
                            <el-table-column prop="classid" label="班级" align="center">
                            </el-table-column>
                            <el-table-column prop="subjectid" label="学科" align="center">
                            </el-table-column>
                            <el-table-column prop="score" align="center" label="分数">
                            </el-table-column>

                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>


                </el-main>

                <!--成绩编辑-->
                <el-main v-if="moveto1 =='edit_score'">
                    <!--表单提交搜索-->
                    <el-form :inline="true" :model="medical_history" class="demo-form-inline">
                        <el-form-item label="病历号">
                            <el-input v-model="medical_history.patient_no" placeholder="病历号"></el-input>
                        </el-form-item>
                        <el-form-item label="姓名">
                            <el-input v-model="medical_history.patient_name" placeholder="患者姓名"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="onSubmit2">查询</el-button>
                        </el-form-item>
                    </el-form>
                    <!--批量操作按钮-->
                    <el-row>
                        <el-button type="primary" plain @click="dialogVisible = true">病史登记</el-button>
                        <el-button plain @click="selectallscore">刷新</el-button>
                    </el-row>
                    <!--添加成绩功能的对话框表单-->
                    <el-dialog title="病史登记" :visible.sync="dialogVisible" width="30%">
                        <!--从这里开始写弹窗的内容-->
                        <el-form ref="form" :model="add_student_score" label-width="80px">

                            <el-form-item label="患者姓名">
                                <el-input v-model="add_student_score.patient_name"></el-input>
                            </el-form-item>
                            <el-form-item label="性别">
                                <el-input v-model="add_student_score.sex"></el-input>
                            </el-form-item>
                            <el-form-item label="住址">
                                <el-input v-model="add_student_score.patient_address"></el-input>
                            </el-form-item>
                            <el-form-item label="病历号">
                                <el-input v-model="add_student_score.treament_time"></el-input>
                            </el-form-item>
                            <el-form-item label="诊断信息">
                                <el-input v-model="add_student_score.treament"></el-input>
                            </el-form-item>
                            <el-form-item label="诊断医生">
                                <el-input v-model="add_student_score.doctor"></el-input>
                            </el-form-item>
                            <el-form-item label="病人状态">
                                <el-input v-model="add_student_score.status_name"></el-input>
                            </el-form-item>
                            <el-form-item label="救助信息">
                                <el-input v-model="add_student_score.remark"></el-input>
                            </el-form-item>
                            <!--下方弹窗按钮-->
                            <el-form-item>
                                <el-button type="primary" @click="addScore">登记</el-button>
                                <el-button @click="dialogVisible = false">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </el-dialog>


                    <!--修改成绩信息的对话框表单-->
                    <el-dialog title="病史修改" :visible.sync="dialogVisible1" width="30%">
                        <!--从这里开始写弹窗的内容-->
                        <el-form ref="form" :model="update_student_score" label-width="80px">
                            <el-form-item label="患者姓名">
                                <el-input v-model="update_student_score.patient_name"></el-input>
                            </el-form-item>
                            <el-form-item label="性别">
                                <el-input v-model="update_student_score.sex"></el-input>
                            </el-form-item>
                            <el-form-item label="住址">
                                <el-input v-model="update_student_score.patient_address"></el-input>
                            </el-form-item>
                            <el-form-item label="病历号">
                                <el-input v-model="update_student_score.treament_time"></el-input>
                            </el-form-item>
                            <el-form-item label="诊断信息">
                                <el-input v-model="update_student_score.treament"></el-input>
                            </el-form-item>
                            <el-form-item label="诊断医生">
                                <el-input v-model="update_student_score.doctor"></el-input>
                            </el-form-item>
                            <el-form-item label="病人状态">
                                <el-input v-model="update_student_score.status_name"></el-input>
                            </el-form-item>
                            <el-form-item label="救助信息">
                                <el-input v-model="update_student_score.remark"></el-input>
                            </el-form-item>
                            <!--下方弹窗按钮-->
                            <el-form-item>
                                <el-button type="primary" @click="update_Score">修改</el-button>
                                <el-button @click="dialogVisible1= false">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </el-dialog>

                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" stripe>

                            <!--行编号-->
                            <el-table-column type="index" width="50">
                            </el-table-column>
                            <!--列-->
                            <el-table-column prop="patient_name" label="患者姓名" align="center">
                            </el-table-column>
                            <el-table-column prop="sex" label="性别" width="50" align="center">
                            </el-table-column>
                            <el-table-column prop="patient_address" label="地址" align="center">
                            </el-table-column>
                            <el-table-column prop="treament_time" label="病历号" align="center">
                            </el-table-column>
                            <el-table-column prop="treament" align="center" label="诊断信息">
                            </el-table-column>
                            <el-table-column prop="doctor" align="center" label="诊断医生">
                            </el-table-column>
                            <el-table-column prop="treament" align="center" label="诊断信息">
                            </el-table-column>
                            <el-table-column prop="status_name" align="center" label="救助状态">
                            </el-table-column>
                            <el-table-column prop="remark" align="center" label="救助信息">
                            </el-table-column>


                            <!--下面是成绩编辑操作模块 两个按钮-->
                            </el-table-column>
                            <el-table-column align="center" label="操作" width="200">
                                <template slot-scope="scope">
                                    <!--在这里可以给按钮绑定事件-->
                                    <el-button type="primary" @click="updatedataBackShow(scope.$index, scope.row)">修改
                                    </el-button>
                                    <el-button type="danger" @click="deletedata(scope.$index, scope.row)">删除</el-button>
                                </template>

                            </el-table-column>
                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>


                </el-main>

                <!--学生浏览-->
                <el-main v-if="moveto1 =='browse_student'">
                    <!--表单提交搜索-->
                    <el-form :inline="true" :model="student_score" class="demo-form-inline">
                        <el-form-item label="学号">
                            <el-input v-model="student_score.studentid" placeholder="学号"></el-input>
                        </el-form-item>
                        <el-form-item label="班级">
                            <el-input v-model="student_score.classid" placeholder="班级"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="onSubmit">查询</el-button>
                        </el-form-item>
                    </el-form>
                    <!--操作按钮-->
                    <el-row>
                        <el-button type="success" round @click="selectallstudnet">学生浏览</el-button>
                    </el-row>
                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" :stripe="true">
                            <!--复选框-->
                            <!-- <el-table-column type="selection" width="55">
                            </el-table-column> -->
                            <!--行编号-->
                            <!-- <el-table-column type="index" width="50">
                            </el-table-column> -->
                            <!--列-->
                            <el-table-column prop="student_id" label="学号" align="center">
                            </el-table-column>
                            <el-table-column prop="student_name" label="姓名" align="center">
                            </el-table-column>
                            <el-table-column prop="classid" label="班级" align="center">
                            </el-table-column>

                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange_student" @current-change="handleCurrentChange_student"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>


                </el-main>

                <!--学生编辑-->
                <el-main v-if="moveto1 =='edit_student'">
                    <!--表单提交搜索-->
                    <el-form :inline="true" :model="student_score" class="demo-form-inline">
                        <el-form-item label="身份证号">
                            <el-input v-model="student_score.studentid" placeholder="身份证号"></el-input>
                        </el-form-item>
                        <el-form-item label="姓名">
                            <el-input v-model="student_score.student_name" placeholder="姓名"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="onSubmit">查询</el-button>
                        </el-form-item>
                    </el-form>
                    <!--批量操作按钮-->
                    <el-row>
                        <el-button type="primary" plain @click="dialogVisible2 = true">录入人员信息</el-button>
                        <el-button plain @click="selectallstudnet">刷新</el-button>
                    </el-row>
                    <!--添加成绩功能的对话框表单-->
                    <el-dialog title="录入人员信息" :visible.sync="dialogVisible2" width="30%">
                        <!--从这里开始写弹窗的内容-->
                        <el-form ref="form" :model="add_student" label-width="80px">

                            <el-form-item label="身份证号">
                                <el-input v-model="add_student.student_id"></el-input>
                            </el-form-item>
                            <el-form-item label="姓名">
                                <el-input v-model="add_student.student_name"></el-input>
                            </el-form-item>
                            <el-form-item label="性别">
                                <el-input v-model="add_student.classid"></el-input>
                            </el-form-item>
                            <el-form-item label="年龄">
                                <el-input v-model="add_student.age"></el-input>
                            </el-form-item>
                            <el-form-item label="电话号码">
                                <el-input v-model="add_student.phone"></el-input>
                            </el-form-item>
                            <el-form-item label="地址">
                                <el-input v-model="add_student.address"></el-input>
                            </el-form-item>
                            <!--下方弹窗按钮-->
                            <el-form-item>
                                <el-button type="primary" @click="addStudent">录入</el-button>
                                <el-button @click="dialogVisible2 = false">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </el-dialog>


                    <!--修改成绩信息的对话框表单-->
                    <el-dialog title="人员信息修改" :visible.sync="dialogVisible3" width="30%">
                        <!--从这里开始写弹窗的内容-->
                        <el-form ref="form" :model="update_student" label-width="80px">

                            <el-form-item label="身份证号">
                                <el-input v-model="update_student.student_id"></el-input>
                            </el-form-item>
                            <el-form-item label="姓名">
                                <el-input v-model="update_student.student_name"></el-input>
                            </el-form-item>
                            <el-form-item label="性别">
                                <el-input v-model="update_student.classid"></el-input>
                            </el-form-item>
                            <el-form-item label="年龄">
                                <el-input v-model="update_student.age"></el-input>
                            </el-form-item>
                            <el-form-item label="电话号码">
                                <el-input v-model="update_student.phone"></el-input>
                            </el-form-item>
                            <el-form-item label="地址">
                                <el-input v-model="update_student.address"></el-input>
                            </el-form-item>

                            <!--下方弹窗按钮-->
                            <el-form-item>
                                <el-button type="primary" @click="update_Student">修改</el-button>
                                <el-button @click="dialogVisible3= false">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </el-dialog>

                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" stripe>
                            <!--复选框-->
                            <el-table-column type="selection" width="55">
                            </el-table-column>
                            <!--行编号-->
                            <el-table-column type="index" width="50">
                            </el-table-column>
                            <!--列-->
                            <el-table-column prop="student_id" label="身份证号" align="center">
                            </el-table-column>
                            <el-table-column prop="student_name" label="姓名" align="center">
                            </el-table-column>
                            <el-table-column prop="classid" label="性别" align="center">
                            </el-table-column>
                            <el-table-column prop="age" label="年龄" align="center">
                            </el-table-column>
                            <el-table-column prop="phone" label="联系方式" align="center">
                            </el-table-column>
                            <el-table-column prop="address" label="地址" align="center">
                            </el-table-column>
                            <el-table-column align="center" label="操作" width="200">
                                <template slot-scope="scope">
                                    <!--在这里可以给按钮绑定事件-->
                                    <el-button type="primary"
                                        @click="student_updatedataBackShow(scope.$index, scope.row)">修改</el-button>
                                    <el-button type="danger" @click="deletestudent(scope.$index, scope.row)">删除
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange_student" @current-change="handleCurrentChange_student"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>


                </el-main>

                <!--课程浏览-->
                <el-main v-if="moveto1 =='browse_subject'">
                    <!--操作按钮-->
                    <el-row>
                        <el-button type="primary" round @click="selectallsubject">课程刷新</el-button>
                    </el-row>
                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" stripe="true">
                            <!--复选框-->
                            <el-table-column type="selection" width="55">
                            </el-table-column>
                            <!--行编号-->
                            <el-table-column type="index" width="50">
                            </el-table-column>
                            <!--列-->
                            <el-table-column prop="disease_name" label="疾病名称" align="center">
                            </el-table-column>
                            <el-table-column prop="type" label="疾病类型" align="center">
                            </el-table-column>
                            <el-table-column prop="symptom" label="症状" align="center">
                            </el-table-column>
                            <el-table-column prop="preventive_measure" label="预防措施" align="center">
                            </el-table-column>

                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange_subject" @current-change="handleCurrentChange_subject"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>


                </el-main>

                <!--课程编辑-->
                <el-main v-if="moveto1 =='edit_subject'">
                    <!--批量操作按钮-->
                    <el-row>
                        <el-button type="primary" plain @click="dialogVisible4 = true">录入疾病信息</el-button>
                        <el-button plain @click="selectallsubject">刷新</el-button>
                    </el-row>
                    <!--添加课程功能的对话框表单-->
                    <el-dialog title="疾病信息录入" :visible.sync="dialogVisible4" width="30%">
                        <!--从这里开始写弹窗的内容-->
                        <el-form ref="form" :model="add_subject" label-width="80px">

                            <el-form-item label="疾病名称">
                                <el-input v-model="add_subject.disease_name"></el-input>
                            </el-form-item>
                            <el-form-item label="疾病类型">
                                <el-input v-model="add_subject.type"></el-input>
                            </el-form-item>
                            <el-form-item label="症状">
                                <el-input v-model="add_subject.symptom"></el-input>
                            </el-form-item>
                            <el-form-item label="预防措施">
                                <el-input v-model="add_subject.preventive_measure"></el-input>
                            </el-form-item>
                            <!--下方弹窗按钮-->
                            <el-form-item>
                                <el-button type="primary" @click="addSubject">新增</el-button>
                                <el-button @click="dialogVisible4 = false">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </el-dialog>


                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" stripe>
                            <!--复选框-->
                            <el-table-column type="selection" width="55">
                            </el-table-column>
                            <!--行编号-->
                            <el-table-column type="index" width="50">
                            </el-table-column>
                            <!--列-->
                            <el-table-column prop="disease_name" label="疾病名称" align="center">
                            </el-table-column>
                            <el-table-column prop="type" label="疾病类型" align="center">
                            </el-table-column>
                            <el-table-column prop="symptom" label="症状" align="center">
                            </el-table-column>
                            <el-table-column prop="preventive_measure" label="预防措施" align="center">
                            </el-table-column>
                            <el-table-column align="center" label="操作">
                                <template slot-scope="scope">
                                    <!--在这里可以给按钮绑定事件-->
                                    <el-button type="danger" @click="deletesubject(scope.$index, scope.row)">删除
                                    </el-button>
                                </template>

                            </el-table-column>
                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange_subject" @current-change="handleCurrentChange_subject"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>


                </el-main>

                <!--班级浏览-->
                <el-main v-if="moveto1 =='browse_class'">
                    <el-dialog title="福利申请审批" :visible.sync="dialogVisible6" width="30%">
                        <!--从这里开始写弹窗的内容-->
                        <el-form ref="form" :model="update_convenient" label-width="80px">

                            <el-form-item label="审批结果">
                                <el-input v-model="update_convenient.status"></el-input>
                            </el-form-item>
                            <el-form-item label="审批意见">
                                <el-input v-model="update_convenient.advice"></el-input>
                            </el-form-item>
                            <!--下方弹窗按钮-->
                            <el-form-item>
                                <el-button type="primary" @click="editApply">提交</el-button>
                                <el-button @click="dialogVisible6 = false">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </el-dialog>
                    <!--操作按钮-->
                    <el-row>
                        <el-button type="primary" round @click="selectallclass">服务信息刷新</el-button>
                    </el-row>
                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" stripe="true">
                            <!--复选框-->
                            <el-table-column type="selection" width="55">
                            </el-table-column>
                            <!--行编号-->
                            <el-table-column type="index" width="50">
                            </el-table-column>
                            <!--列-->
                            <el-table-column prop="service_name" label="服务名称" align="center">
                            </el-table-column>
                            <el-table-column prop="user_name" label="申请人" align="center">
                            </el-table-column>
                            <el-table-column prop="service_people" label="审批人" align="center">
                            </el-table-column>
                            <el-table-column prop="status" label="服务状态" align="center">
                            </el-table-column>
                            <el-table-column prop="remark" label="服务内容" align="center">
                            </el-table-column>
                            <el-table-column prop="c_type" label="服务类别" align="center">
                            </el-table-column>
                            <el-table-column prop="advice" label="审批意见" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column align="center" label="操作" width = "200">
                                <template slot-scope="scope">
                                    <!--在这里可以给按钮绑定事件-->
                                    <el-button type="primary" @click="updateApply(scope.$index, scope.row)">审批
                                    </el-button>
                                    <el-button type="danger" @click="deleteApply(scope.$index, scope.row)">删除
                                    </el-button>
                                </template>
                            </el-table-column>


                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange_class" @current-change="handleCurrentChange_class"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>


                </el-main>

                <!--班级管理-->
                <el-main v-if="moveto1 =='edit_class'">
                    <!--批量操作按钮-->
                    <el-row>
                        <el-button type="primary" plain @click="dialogVisible5 = true">乡镇社会信息发布</el-button>
                        <el-button plain @click="queryNotice">刷新</el-button>
                    </el-row>
                    <!--添加课程功能的对话框表单-->
                    <el-dialog title="乡镇社会信息发布" :visible.sync="dialogVisible5" width="30%">
                        <!--从这里开始写弹窗的内容-->
                        <el-form ref="form" :model="add_notice" label-width="80px">

                            <el-form-item label="公告标题">
                                <el-input v-model="add_notice.name"></el-input>
                            </el-form-item>
                            <el-form-item label="公告内容">
                                <!-- <el-input v-model="add_notice.content"></el-input> -->
                                <el-input type="textarea" v-model="add_notice.content" maxlength="500" show-word-limit
                                    resize="none" :rows="5" class="textarea-box">
                                </el-input>

                            </el-form-item>

                            <el-form-item label="公告类别">
                                <el-input v-model="add_notice.notice_type"></el-input>
                            </el-form-item>
                            <!--下方弹窗按钮-->
                            <el-form-item>
                                <el-button type="primary" @click="addNotice">添加公告</el-button>
                                <el-button @click="dialogVisible5 = false">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </el-dialog>


                    <!--在下面这里进行遍历数据显示-->
                    <template>
                        <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                            @selection-change="handleSelectionChange" stripe>
                            <!--复选框-->
                            <el-table-column type="selection" width="55">
                            </el-table-column>
                            <!--行编号-->
                            <el-table-column type="index" width="50">
                            </el-table-column>
                            <!--列-->
                            <el-table-column prop="name" label="公告标题" width="350" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column prop="content" label="内容" align="center" show-overflow-tooltip>
                            </el-table-column>
                            <el-table-column prop="time" label="发布时间" align="center">
                            </el-table-column>
                            <el-table-column prop="notice_type" label="公告类别" width="100" align="center">
                            </el-table-column>
                            <el-table-column prop="user_name" label="发布人" width="80" align="center">
                            </el-table-column>
                            <el-table-column align="center" label="操作">
                                <template slot-scope="scope">
                                    <!--在这里可以给按钮绑定事件-->
                                    <el-button type="primary" @click="updateNotice(scope.$index, scope.row)">修改
                                    </el-button>
                                    <el-button type="danger" @click="deleteclass(scope.$index, scope.row)">删除
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>

                    </template>
                    <!--在下面是分页条-->
                    <!--页码数据通过连接数据库更改vue中模型来动态变化-->
                    <el-pagination @size-change="handleSizeChange_subject" @current-change="handleCurrentChange_subject"
                        :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                        layout="total, sizes, prev, pager, next, jumper" :total=totalCount>
                    </el-pagination>



                </el-main>
            </el-container>
        </el-container>

    </div>
</body>
<!--因为element是基于vue的，所有我们还得先要创建vue的核心对象-->
<script>
    new Vue({
        el: "#app",
        mounted() {
            /*当页面加载完成后直接自动执行获取用户名*/
            var _this0 = this;
            axios({
                method: "get",
                url: "http://localhost:8080/Sams_homework_war/ReturnUserName",
            }).then(function (resp) {
                _this0.Username = resp.data;
                _this0.moto1("edit_score");
                _this0.selectallscore();
            })
        },
        methods: {
            /*退出系统*/
            quit() {
                location.href="http://localhost:8080/Sams_homework_war/Login.jsp";
            },
            addClass() {
                var _this19 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/Addclass",
                    data: _this19.add_class
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this19.dialogVisible5 = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this19.selectallclass();
                        /*弹窗提示添加成功！*/
                        _this19.$message({
                            message: '恭喜您，添加任课班级成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this19.dialogVisible5 = false;
                        _this19.$message.error('抱歉，添加任课班级失败！');
                    }
                })
            },
            // 添加公告
            addNotice() {
                var _this19 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/addNotice",
                    data: _this19.add_notice
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this19.dialogVisible5 = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this19.queryNotice();
                        /* 添加公告成功时重置表单 */
                        _this19.add_notice = {}
                        /*弹窗提示添加成功！*/
                        _this19.$message({
                            message: '恭喜您，添加公告成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this19.dialogVisible5 = false;
                        /* 添加公告失败时重置表单 */
                        _this19.add_notice = {}
                        _this19.$message.error('抱歉，添加公告失败！');
                    }
                })
            },
            /*添加课程*/
            addSubject() {
                var _this17 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/Addsubject",
                    data: _this17.add_subject
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this17.dialogVisible4 = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this17.selectallsubject();
                        /*弹窗提示添加成功！*/
                        _this17.$message({
                            message: '恭喜您，添加课程成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this17.dialogVisible4 = false;
                        _this17.$message.error('抱歉，老师只能为自己添加课程！');
                    }
                })
            },

            /*添加学生*/
            addStudent() {
                var _this8 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/Addstudent",
                    data: _this8.add_student
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this8.dialogVisible2 = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this8.selectallstudnet();
                        /*弹窗提示添加成功！*/
                        _this8.$message({
                            message: '恭喜您，人员信息录入成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this8.dialogVisible2 = false;
                        _this8.$message.error('抱歉，人员信息录入失败！');
                    }
                })
            },
            /*修改成绩数据*/
            update_Score() {
                var _this = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/Score_update",
                    data: _this.update_student_score
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this.dialogVisible1 = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this.selectallscore();
                        /*弹窗提示添加成功！*/
                        _this.$message({
                            message: '恭喜您，修改成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this.dialogVisible1 = false;
                        _this.$message.error('抱歉，修改失败！');
                    }
                })
            },
            /*修改学生数据*/
            update_Student() {
                var _this10 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/Student_update",
                    data: _this10.update_student
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this10.dialogVisible3 = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this10.selectallstudnet();
                        /*弹窗提示添加成功！*/
                        _this10.$message({
                            message: '恭喜您，修改成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this10.dialogVisible3 = false;
                        _this10.$message.error('抱歉，修改失败！');
                    }
                })
            },
            editApply() {
                var _this10 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/edit_apply",
                    data: _this10.update_convenient
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this10.dialogVisible6 = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this10.selectallclass();
                        /*弹窗提示添加成功！*/
                        _this10.$message({
                            message: '恭喜您，修改成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this10.dialogVisible6 = false;
                        _this10.$message.error('抱歉，修改失败！');
                    }
                })
            },
            /*修改成绩数据前的回显*/
            updatedataBackShow(index, row) {
                this.dialogVisible1 = true;
                let element = row;
                this.update_student_score.id = element.id;
                this.update_student_score.patient_name = element.patient_name;
                this.update_student_score.sex = element.sex;
                this.update_student_score.patient_address = element.patient_address;
                this.update_student_score.treament_time = element.treament_time;
                this.update_student_score.treament = element.treament;
                this.update_student_score.doctor = element.doctor;
                this.update_student_score.status = element.status;
                this.update_student_score.remark = element.remark;
                this.update_student_score.status_name = element.status_name;

            },
            /*修改学生数据前的回显*/
            student_updatedataBackShow(index, row) {
                this.dialogVisible3 = true;
                console.log(index, row, 'this.multipleSelection')
                let element = row;
                this.update_student.student_id = element.student_id;
                this.update_student.student_name = element.student_name;
                this.update_student.classid = element.classid;
                this.update_student.age = element.age;
                this.update_student.phone = element.phone;
                this.update_student.address = element.address;
            },
            updateNotice(index, row) {
                this.dialogVisible5 = true;
                let element = row;
                console.log(index, row, 'row')
                this.add_notice.id = element.id;
                this.add_notice.name = element.name;
                this.add_notice.content = element.content;
                this.add_notice.notice_type = element.notice_type;
            },
            updateApply(index,row){
                let element = row;
                console.log(index, row, 'row')

                this.dialogVisible6 = true;
                this.update_convenient.id = element.id;
                this.update_convenient.status = element.status;
                this.update_convenient.advice = element.advice;
            },

            /*删除成绩数据*/
            deletedata(index, row) {
                let element = row;
                this.deleteMeidcalId = element.id;
                var _this5 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Score_delete?deleteStudentid=" + _this5.deleteMeidcalId,
                }).then(function (resp) {
                    if (resp.data == "success") {
                        _this5.$message({
                            message: '恭喜您，删除成功！',
                            type: 'success'
                        });
                        /*删除完成后再从新查询刷新一遍*/
                        _this5.selectallscore();
                    } else {
                        _this5.$message.error('抱歉，删除失败！');
                    }
                })
            },

            deleteApply(index, row) {
                let element = row;
                this.id = element.id;
                var _this5 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/deleteApply?id=" + _this5.id,
                }).then(function (resp) {
                    if (resp.data == "success") {
                        _this5.$message({
                            message: '恭喜您，删除成功！',
                            type: 'success'
                        });
                        /*删除完成后再从新查询刷新一遍*/
                        _this5.selectallclass();
                    } else {
                        _this5.$message.error('抱歉，删除失败！');
                    }
                })
            },

            /*删除学生数据*/
            deletestudent(index, row) {
                /// let element = this.multipleSelection[0];
                this.deleteStudentid = row.id;
                var _this11 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Student_delete?deleteStudentid=" + _this11.deleteStudentid,
                }).then(function (resp) {
                    if (resp.data == "success") {
                        _this11.$message({
                            message: '恭喜您，删除成功！',
                            type: 'success'
                        });
                        /*删除完成后再从新查询刷新一遍*/
                        _this11.selectallstudnet();
                    } else {
                        _this11.$message.error('抱歉，删除失败！');
                    }
                })
            },
            /*删除课程数据*/
            deletesubject(index, row) {
                let element = row;
                this.deleteSubjectid = element.id;
                var _this19 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Subject_delete?deleteSubjectid=" + _this19.deleteSubjectid,
                }).then(function (resp) {
                    if (resp.data == "success") {
                        _this19.$message({
                            message: '恭喜您，删除成功！',
                            type: 'success'
                        });
                        /*删除完成后再从新查询刷新一遍*/
                        _this19.selectallsubject();
                    } else {
                        _this19.$message.error('抱歉，删除失败！');
                    }
                })
            },

            /*删除任课班级*/
            deleteclass(index, row) {
                let element = row;
                this.deleteClassid = element.id;
                var _this20 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Class_delete?deleteClassid=" + _this20.deleteClassid,
                }).then(function (resp) {
                    if (resp.data == "success") {
                        _this20.$message({
                            message: '恭喜您，删除成功！',
                            type: 'success'
                        });
                        /*删除完成后再从新查询刷新一遍*/
                        _this20.queryNotice();
                    } else {
                        _this20.$message.error('抱歉，删除失败！');
                    }
                })
            },


            /*退出系统*/
            // quit() {
            //     axios({
            //         method: "get",
            //         url: "http://localhost:8080/Sams_homework_war/Quit?quit1=yes",
            //     }).then(function (resp) {

            //     });
            // },
            /*左侧导航栏实现页面跳转*/
            moto1(id) {
                var myid = id;
                var _this = this;
                switch (myid) {
                    case 'browse_score':
                        _this.moveto1 = "browse_score";

                        break;
                    case 'edit_score':
                        _this.moveto1 = "edit_score";
                        _this.selectallscore()
                        break;
                    case 'browse_student':
                        _this.moveto1 = "browse_student";
                        // _this.selectallstudnet();
                        break;
                    case 'edit_student':
                        _this.moveto1 = "edit_student";
                        _this.selectallstudnet()
                        break
                    case 'browse_subject':
                        _this.moveto1 = "browse_subject";
                        
                        break;
                    case 'edit_subject':
                        _this.moveto1 = "edit_subject";
                        _this.selectallsubject()
                        break;
                    case 'browse_class':
                        _this.moveto1 = 'browse_class';
                        _this.selectallclass()
                        break;
                    case 'edit_class':
                        _this.moveto1 = 'edit_class';
                        _this.queryNotice();    
                        break;
                }
            },
            /*课程浏览（带分页功能）*/
            selectallsubject() {
                var _this = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Selectbypage_subject?currentPage=" + _this.currentPage + "&pageSize=" + _this.pageSize ,
                }).then(function (resp) {
                    /*设置表格数据*/
                    _this.tableData = resp.data.rows;
                    /*设置数据总数*/
                    _this.totalCount = resp.data.totalCount;
                });
            },
            /*班级浏览（带分页功能）*/
            selectallclass() {
                var this16 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Selectbypage_class?currentPage=" + this16.currentPage + "&pageSize=" + this16.pageSize,
                }).then(function (resp) {
                    /*设置表格数据*/
                    this16.tableData = resp.data.rows;
                    /*设置数据总数*/
                    this16.totalCount = resp.data.totalCount;
                });
            },
            /*公告查询（带分页功能）*/
            queryNotice() {
                var _this = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/queryNotice?currentPage=" + _this.currentPage + "&pageSize=" + _this.pageSize,
                }).then(function (resp) {
                    /*设置表格数据*/
                    _this.tableData = resp.data.rows;
                    /*设置数据总数*/
                    _this.totalCount = resp.data.totalCount;
                });
            },

            /*成绩浏览(带分页功能)*/
            selectallscore() {
                /*var this3 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Browse_score_Servlet"
                }).then(function (resp) {
                    this3.tableData = resp.data;
                });*/
                var this3 = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Selectbypage?currentPage=" + this3.currentPage + "&pageSize=" + this3.pageSize,
                }).then(function (resp) {
                    /*设置表格数据*/
                    this3.tableData = resp.data.rows;
                    /*设置数据总数*/
                    this3.totalCount = resp.data.totalCount;
                });

            },

            /*学生浏览(带分页功能)*/
            selectallstudnet() {
                var _this = this;
                axios({
                    method: "get",
                    url: "http://localhost:8080/Sams_homework_war/Servletbypage_student?currentPage=" + _this.currentPage + "&pageSize=" + _this.pageSize,
                }).then(function (resp) {
                    /*设置表格数据*/
                    _this.tableData = resp.data.rows;
                    /*设置数据总数*/
                    _this.totalCount = resp.data.totalCount;
                });

            },
            tableRowClassName({ row, rowIndex }) {

                /*if (rowIndex == 1) {
                    return 'danger-row';
                } else if (rowIndex == 3) {
                    return 'success-row';
                }*/
                return '';
            },
            /*复选框对应的方法，能够实现识别选择，完成批量删除等操作*/
            handleSelectionChange(val) {
                this.multipleSelection = val;
                console.log(this.multipleSelection)
            },
            /*表单搜索对应的方法*/
            onSubmit() {
                /*表单搜索后便向servlet发送请求，然后在servlet返回数据库里查出来的数据*/
                var this4 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/Score_condition_select?currentPage=" + this4.currentPage + "&pageSize=" + this4.pageSize,
                    data: this4.student_score
                }).then(function (resp) {
                    /*设置表格数据*/
                    this4.tableData = resp.data.rows;
                    /*设置数据总数*/
                    this4.totalCount = resp.data.totalCount;
                    /*提示*/
                    this4.$message({
                        message: '已成功查询出结果！',
                        type: 'success'
                    });
                });
                console.log(this.student_score);
            },

            /*表单搜索对应的方法*/
            onSubmit2() {
                /*表单搜索后便向servlet发送请求，然后在servlet返回数据库里查出来的数据*/
                var this4 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/Score_condition_select?currentPage=" + this4.currentPage + "&pageSize=" + this4.pageSize,
                    data: this4.medical_history
                }).then(function (resp) {
                    /*设置表格数据*/
                    this4.tableData = resp.data.rows;
                    /*设置数据总数*/
                    this4.totalCount = resp.data.totalCount;
                    /*提示*/
                    this4.$message({
                        message: '已成功查询出结果！',
                        type: 'success'
                    });
                });
                console.log(this.student_score);
            },

            /*成绩录入的添加操作的表单提交对应的方法*/
            addScore() {
                var _this1 = this;
                axios({
                    method: "post",
                    url: "http://localhost:8080/Sams_homework_war/addscore",
                    data: _this1.add_student_score
                }).then(function (resp) {
                    if (resp.data == "success") {
                        /*成绩录入成功后便可关闭弹窗*/
                        _this1.dialogVisible = false;
                        /*成功录入后便自动刷新一下页面*/
                        _this1.selectallscore();
                        /*弹窗提示添加成功！*/
                        _this1.$message({
                            message: '恭喜您，病史登记成功！',
                            type: 'success'
                        });
                    } else if (resp.data != "success") {
                        /*录入不成功*/
                        _this1.dialogVisible = false;
                        _this1.$message.error('抱歉，病史登记失败！');
                    }
                })
                //console.log(this.add_student_score);
            },
            /*成绩分页工具条对应的方法*/
            handleSizeChange(val) {
                /*设置每页显示的条数*/
                this.pageSize = val;
                this.selectallscore();
            },
            handleCurrentChange(val) {
                /*设置当前页码*/
                this.currentPage = val;
                this.selectallscore();
            },

            /*学生分页工具对应的方法*/
            handleSizeChange_student(val) {
                /*设置每页显示的条数*/
                this.pageSize = val;
                this.selectallstudnet();
            },
            handleCurrentChange_student(val) {
                /*设置当前页码*/
                this.currentPage = val;
                this.selectallstudnet();
            },
            /*课程分页工具对应的方法*/
            handleSizeChange_subject(val) {
                /*设置每页显示的条数*/
                this.pageSize = val;
                this.selectallsubject();
            },
            handleCurrentChange_subject(val) {
                /*设置当前页码*/
                this.currentPage = val;
                this.selectallsubject();
            },
            /*班级分页工具对应的方法*/
            handleSizeChange_class(val) {
                /*设置每页显示的条数*/
                this.pageSize = val;
                this.selectallclass();
            },
            handleCurrentChange_class(val) {
                /*设置当前页码*/
                this.currentPage = val;
                this.selectallclass();
            }

        },
        data() {
            return {
                /*用来配合退出系统的*/
                quit1: { quit1 :'yes'},
                /*用来配合左边导航栏跳转*/
                moveto1: "",
                /*表格下面分页条的数据模型 表示当前页码,数据总数，以及每页显示的条数*/
                currentPage: 1,
                totalCount: 100,
                pageSize: 10,
                /*录入成绩的表单的弹窗数据模型*/
                add_student_score: {
                    id: '',
                    patient_name: '',
                    sex: '',
                    patient_address: '',
                    treament_time: '',
                    treament: '',
                    doctor: '',
                    status: '',
                    remark: '',
                    status_name: ''
                },
                /*添加学生的表单的弹窗数据模型*/
                add_student: {
                    student_id: '',
                    student_name: '',
                    classid: ''
                },
                /*添加课程的表单的弹窗数据模型*/
                add_subject: {
                    id: '',
                    disease_name: '',
                    type: '',
                    symptom: '',
                    preventive_measure: ''
                },
                /*添加班级的表单的弹窗数据模型*/
                add_class: {
                    classid: '',
                    teacherid: '',
                },
                // 添加公告
                add_notice: {
                    id: '',
                    name: '',
                    content: '',
                    notice_type: ''
                },
                update_convenient:{
                    id:'',
                    status:'',
                    advice:''
                },

                /*修改成绩的表单弹窗数据模型*/
                update_student_score: {
                    id: '',
                    patient_name: '',
                    sex: '',
                    patient_address: '',
                    treament_time: '',
                    treament: '',
                    doctor: '',
                    status: '',
                    remark: '',
                    status_name: ''
                },
                /*修改学生的表单弹窗数据模型*/
                update_student: {
                    student_id: '',
                    student_name: '',
                    classid: ''
                },

                /*表单查询用到的数据模型*/
                student_score: {
                    studentid: '',
                    classid: "",
                    student_name: '',
                    subjectid: "",
                    patient_name: "",
                    patient_no: "",
                    type: '1'
                },

                /*表单查询用到的数据模型*/
                medical_history: {
                    studentid: '',
                    classid: "",
                    student_name: '',
                    subjectid: "",
                    patient_name: "",
                    patient_no: "",
                    type: '2'
                },
                formData: {},
                btnList: [
                    {
                        value: "+",
                    },
                    {
                        value: "-",
                    },
                    {
                        value: "*",
                    },
                    {
                        value: "/",
                    },
                    {
                        value: "=",
                    },
                ],
                /*用来控制弹窗表单是否展示的数据模型*/
                dialogVisible: false,
                /*用来和复选框对应的数据模型，把选中的数据存到这个数组里*/
                multipleSelection: [],
                /*表格数据*/
                tableData: [],
                /*删除和修改操作用到的数据模型*/
                deleteStudentid: "",
                deleteSubjectid: "",
                /*用来控制修改成绩操作的弹窗是否显示的数据模型*/
                dialogVisible1: false,
                /*登录成功后用来显示账号的数据模型*/
                Username: "",

                /*学生管理中添加学生信息弹窗是否出现的数据模型*/
                dialogVisible2: false,
                /*修改学生信息的弹框是否显示的数据模型*/
                dialogVisible3: false,

                /*添加课程信息弹窗是否出现的数据模型*/
                dialogVisible4: false,
                /*添加任课班级弹窗是否出现的数据模型*/
                dialogVisible5: false,

                // 审批内容
                dialogVisible6: false,

            }
        },

    });
</script>

</html>